<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>导航</title>
    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="${path}/plugins/bootstrap/css/bootstrap.css" type="text/css">
    <!-- 引入外部的css样式 -->
    <link href="${path}/H+/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <!-- 引用自己写的css样式 -->
    <link href="${path}/css/index/index.css" rel="stylesheet" type="text/css">
</head>
<body>

<!-- 导航 begin -->
<div class="container-fluid" id="head" style="margin-bottom: 0px;">
    <div class="row">

        <nav class="navbar" role="navigation"
             style="background-color: rgb(206, 228, 247);padding-left: 100px;margin-bottom: 0px">
            <div class="container-fluid">
                <div>
                    <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target="#example-navbar-collapse" style="background-color: royalblue">
                        <span class="sr-only">切换导航</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a href="index.html"> <img src="${path}/imgs/index/logo.jpg" alt="失败" id="logo"
                                               class="img-circle navbar-brand"></a>
                    <a class="navbar-brand" href="index.html" style="padding-left: 0px;font-family:楷体">
                            <span data-toggle="tooltip" title="悠 U 新方式">
                                悠&nbsp;U</span></a>
                </div>

                <div class="collapse navbar-collapse" id="example-navbar-collapse ">
                    <ul class="nav navbar-nav ">
                        <li><a href="index.html">
                            <span style="padding:0px 20px" data-toggle="tooltip" title="首页"> 首页</span></a></li>

                        <li class="dropdown">
                            <a href="views/traveler/travelnotes_index.html" class="dropdown-toggle"
                               data-toggle="dropdown">
                                游记<b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="${path}/noteAuthorDis/listAuthor">
                                            <span class="glyphicon glyphicon-user"
                                                  style="text-shadow: rgb(216, 206, 206) 3px -1px;"></span>
                                    &nbsp;达人
                                    <span class="badge pull-center" style="background-color: red">hot</span>
                                </a></li><br>
                                <li><a href="${path}/editnote">
                                    <span class="glyphicon glyphicon-edit"></span>
                                    写游记
                                    <span class="badge pull-center"
                                          style="background-color: red;font-size:3px">赚钻石</span>
                                </a></li><br>
                                <li><a href="${path}/note">
                                    <span class="glyphicon glyphicon-flag"></span>
                                    游记主页</a></li><br>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                景点<b class="caret"></b>
                                <!-- <span class="label label-danger" style="font-size: 1px;">NEW</span>-->
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="views/Attractions/Attractions.html"><span
                                        class="glyphicon glyphicon-fire">&nbsp;主题景点</span>
                                    <span class="badge pull-center"
                                          style="background-color: red;font-size:3px">NEW</span>
                                </a></li><br>

                                <li><a href="views/Attractions/details.html"><span
                                        class="glyphicon glyphicon-bell">&nbsp;当地玩乐</span></a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                导游<b class="caret"></b>
                                <!-- <span class="badge pull-center"
                                    style="color: red;font-size:1px">hot</span> -->
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="${path}/guide"><span
                                        class="glyphicon glyphicon-fire">&nbsp;预约导游</span>

                                </a></li><br>

                                <li><a href="${path}/guidehome/home"><span
                                        class="glyphicon glyphicon-bell">&nbsp;我的导游</span>
                                </a></li><br>
                                <li><a href="${path}/Tourist/applyTourist"><span
                                        class="glyphicon glyphicon-bell">&nbsp;申请导游</span>
                                </a></li>
                            </ul>
                        </li>

                    </ul>

                    <!-- <div style="padding-top:15px" class="">
                            <input type="text" placeholder="用户/游戏/动态" style=" height:20px">

                        </div> -->


                    <ul class="nav navbar-nav navbar-right" style="padding-right: 100px">

                        <li class="dropdown">
                        <li><a href="views/person_center/person_center.html" class="dropdown-toggle"
                               data-toggle="dropdown" style="font-family: 楷体;padding-left: 0px">
                            我的悠 U &nbsp;<img id="headerImg" src="imgs/index/head.jpg" class="img-circle"><b
                                class="caret"></b>
                        </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="${path}/person">我的订单</a>
                                </li>
                                <li>
                                    <a href="${path}/guidehome/home">我的导游</a>
                                </li>
                                <li>
                                    <a href="${path}/person">我的钱包</a>
                                </li>

                                <li>
                                    <a href="views/traveler/myTraveler2.html">我的达人</a>
                                </li>
                                <li class="divider"></li>
                                <li> <a href="${path}/person">系统通知</a> </li>
                                <li> <a href="${path}/person">我的账号</a> </li>
                                <li> <a href="JSP/user/account_login.html">退出</a> </li>

                            </ul>
                        </li>
                        <li><a href="#weibo" style="padding-left:8px;padding-right: 8px;margin-top: 5px"><i
                                class="fa fa-weibo"></i></a></li>
                        <li><a href="#weixin" style="padding-left:8px;padding-right: 8px;margin-top: 5px"><i
                                class="fa fa-weixin"></i> </a></li>
                        <li><a href="#weixin" style="padding-left:8px;padding-right: 8px;margin-top: 5px"> <i
                                class="fa fa-qq"></i></a></li>
                        <li><a href="${path}/userlogin/lgin" style="padding-left:10px;padding-right: 10px">登录
                        </a> </li>
                        <li><a href="${path}/user/loginview" style="padding-left:10px;padding-right: 10px">注册
                        </a></li>

                    </ul>
                </div>
            </div>
        </nav>
    </div>
</div>
<!-- 导航 end -->
<!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
<script src="${path}/plugins/jquery/jquery.min.js"></script>
<!--引入bootstrap的js文件-->
<script src="${path}/plugins/bootstrap/js/bootstrap.js"></script>



</body>
</html>